<%-- 
    Document   : login
    Created on : 11/07/2014, 08:03:51 AM
    Author     : eorozco
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SARAD v1.0</title>
        <link href="ui/css/metro-bootstrap.css" rel="stylesheet" >
        <link href="ui/css/metro-bootstrap-responsive.css" rel="stylesheet" >
        <link href="ui/js/prettify/prettify.css" rel="stylesheet" >
        <script type="text/javascript" src="ui/js/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="ui/js/jquery/jquery.widget.min.js"></script>
        <script type="text/javascript" src="ui/js/jquery/jquery.mousewheel.js"></script>
        <script type="text/javascript" src="ui/js/metro.min.js"></script>
        <script type="text/javascript" src="ui/js/prettify/prettify.js"></script>
        <script type="text/javascript" src="ui/js/metro/metro-button-set.js"></script>
        <script type="text/javascript" src="ui/js/jquery/ui/jquery-ui-1.10.4.custom.js"></script>
        <link href="ui/css/jquery/ui/smoothness/jquery-ui-1.10.4.custom.css" rel="stylesheet" >
        <script src="ui/js/acceso.js"></script>
        
        <style>
           /* @import url(http://fonts.googleapis.com/css?family=Raleway:400,500,300,600);*/
                .wrapper{
                        margin: 70px auto;
                        width:300px;
                        height: 250px;
                }
                .login-form{
                        width: 100%;
                        height: 100%;
                        overflow: auto;
                        background: #333333;
                }

                h1{
                        font-family:"raleway",bold;
                        font-size: 22px;
                        color: #fff;
                        margin-left: 26px;
                        margin-bottom: 18px;
                        margin-top: 26px; 
                }

                input{
                        font-family:"raleway",bold;
                        padding: 8px 0px 8px 30px;
                        width: 214px;
                        border: 0px;
                        outline: none;
                        display: block;
                        margin-left: 26px;
                        margin-bottom: 15px;
                }
                input.username{background:#fff url(ui/images/user.png) -6px -5px  no-repeat;}
                input.password{
                        background:#fff url(ui/images/jMyLjLz.png) -6px -5px no-repeat;}
                input[type="submit"]{
                        padding: 8px 0px;
                        width: 110px;
                        background: #D9D9D9;
                        border: 0px;
                        outline: none;
                        display: block;
                        color: #222222;
                        margin-right: 30px;
                        margin-bottom: 15px;
                        float: right;
                        text-align: left;
                        padding-left: 25px;
                        cursor: pointer;
                }
                input[type="submit"]:hover{
                box-sizing:border-box;
                -moz-box-sizing:border-box; /* Firefox */
                width:35%;
                box-shadow: 10px 10px 15px #035a85;
                }
                input[type="submit"]:hover{
                box-sizing:border-box;
                -moz-box-sizing:border-box; /* Firefox */
                width:35%;
                box-shadow: 10px 10px 15px #035a85;
                }
        </style>
        
    </head>
    <body>

        <div class="wrapper">
                        <div class="login-form">
                            <form action="/xmlc2/AccesoServlet" method="post">
                                        <h1>Login</h1>
                                        <input name="username" id="username" type="text" class="username" placeholder="Nombre de Usuario"/>
                                        <input name="password" id="password" type="password" class="password" placeholder="Contrase&ntilde;a"/>
                                        <input id="ingresar" type="submit" name="submit" value="&rarr; Ingresar&nbsp;&nbsp;" />
                            </form>
                        </div>
        </div>

   
    </body>
</html>
